<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Embedded</title>
    <link rel="stylesheet" type="text/css" href="${resource(dir:'css',file:'main.css')}"/>
    <link rel="icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
    <script type="text/javascript" src="${resource(dir:'js',file:'jquery-1.2.6.pack.js')}"></script>
    <script type="text/javascript" src="${resource(dir:'js',file:'accordion.js')}"></script>
    <script type="text/javascript" src="${resource(dir:'js',file:'depoimento.js')}"></script>
    <g:javascript library="prototype"/>
</head>
<body onload="${remoteFunction(action:'next',controller:'depoimento',update:'depoimentodiv')};${remoteFunction(action:'next',controller:'projeto',update:'projectH')}">
    <div class="hr"></div>
    <div id="top">
    	<div class="wrap">
        	<div id="nav">
            	<a href="${resource(dir:'/layouts/english/main.gsp')}"><div class="opt" style="width:60px">Home</div></a>
            	<a href="${resource(dir:'/layouts/english/projects.gsp')}"><div class="opt" style="width:70px">Projects</div></a>
            	<a href="${resource(dir:'/layouts/english/workinghere.gsp')}"><div class="opt" style="width:125px">Working Here</div></a>
            	<a href="${resource(dir:'/layouts/english/contactus.gsp')}"><div class="opt" style="width:65px">Contact us</div></a>
            </div>
        </div>
    </div>
    <div class="div_blue"></div>
    <div id="top_lang">
    	<div class="wrap">
        	<div id="logo"><a href="${resource(dir:'/layouts/english/main.gsp')}"><img src="${resource(dir:'images',file:'logo.png')}" height="45" alt="embedded logo" title="embedded logo" /></a></div>
            <div id="ef"><a href="${resource(dir:'/layouts/english/main.gsp')}"><img src="${resource(dir:'images/english',file:'desc_efe.png')}"  alt="embedded" title="embedded" /></a></div>
            <div id="language">
            	<a href="${resource(dir:'/layouts/p_empreend.gsp')}" style="color:#999"><div class="change"><span><img src="${resource(dir:'images',file:'pt.png')}" width="18" height="16" alt="portuguese" title="portuguese" /></span><span style="padding-left:5px; vertical-align:top">Portuguese</span></div></a>
                <a href="${resource(dir:'/layouts/english/p_entrepreneurship.gsp')}" style="color:#999"><div class="change"><span><img src="${resource(dir:'images',file:'en.png')}" width="18" height="16" alt="english" title="english" /></span><span style="padding-left:5px; vertical-align:top">English</span></div></a>
            </div>
    	</div>
    </div>
    <div id="conteiner">
        <div class="wrap">
        	<div id="left_column">
            	<div id="navV">
                	<ul>
                    	<a href="${resource(dir:'/layouts/english/embedded.gsp')}" style="color:#333"><li>Embedded</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                        <a href="${resource(dir:'/layouts/english/structure.gsp')}" style="color:#333"><li>Structure</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
							<a href="#" style="color:#333" class="accordion">Projects</a>
                                <div class="accordion">
                                    <a href="${resource(dir:'/layouts/english/p_research.gsp')}" style="color:#666"><p>Research and Development</p></a>
                                    <a href="${resource(dir:'/layouts/english/p_training.gsp')}" style="color:#666"><p>Teaching and Training</p></a>
                                    <a href="${resource(dir:'/layouts/english/p_entrepreneurship.gsp')}" style="color:#666"><p>Innovation and Entrepreneurship</p></a>
                                </div>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                        <a href="${resource(dir:'/layouts/english/team.gsp')}" style="color:#333"><li>Team</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                       <a href="${resource(dir:'/layouts/english/partners.gsp')}" style="color:#333"><li>Partners</li></a>
                    </ul>
                </div>
               <div id="projectH">
               <!-- 	<p style="padding:35px 0px 0px 15px; font-size:13px; color: #333">Destaque</p>
                    <p style="padding:15px 0px 0px 15px; width:100px; text-align:justify; line-height:14px">Easy visa reduzir a complexidade de acesso de serviços desktop entre outros.</p>
                    <a href="http://easy.garage.maemo.org" style="color:#666"><p style="padding:12px 0px 0px 30px; font-size:11px">ver projeto</p></a> -->
                </div>
                <div id="messages">
                    <div id="depoimentodiv"></div>                 
              <!--      <p style="text-align:right; font-size:11px">
                    <a href="#depoimentPost" onclick="openFormDep()">
                    <font color="#09917c">Crie um depoimento</font></a></p>
                    <div id="depoimentPost" style="text-align:left; font-size:11px"></div> -->
		    <p style="text-align:right; font-size:11px"><a href="${resource(dir:'/layouts/parceiros.gsp')}" style="color="#09917c""><font color="#09917c">Conheça nossos parceiros</font></a></p>
                </div>
            </div>
            <div id="right_column">
            	<div id="banner2"><a href="#"><img src="${resource(dir:'images',file:'banner_interna.jpg')}" width="700" height="84" alt="banner" /></a></div>               
                <div id="box">
                	<p class="pTitle2"><img src="${resource(dir:'images',file:'ic.jpg')}" width="5" height="7" alt="icon" /> Innovation and Entrepreneurship</p>
                    <p class="pTxt2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel nisi enim, eu volutpat sem. Quisque pellentesque consequat convallis. Nunc aliquet quam libero, ut pellentesque nibh. Nam posuere cursus lacinia. In hac habitasse platea dictumst. Fusce lectus lacus, lobortis vitae tincidunt.</p>
                	<p class="pTitle3"><img src="${resource(dir:'images',file:'ic2.jpg')}" width="5" height="7" alt="icon" /> Embedded Inove</p>
                    <p class="pTxt3"><img style="float:right; margin-left:15px; margin-top:5px" src="${resource(dir:'images',file:'logo_percomp.jpg')}" width="208" height="118" alt="logo percomp" title="logo percomp" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel nisi enim, eu volutpat sem. Quisque pellentesque consequat convallis. Nunc aliquet quam libero, ut pellentesque nibh. Nam posuere cursus lacinia.</p>
            		<p class="pTxt3" style="margin-bottom:20px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel nisi enim, eu volutpat sem. Quisque pellentesque consequat convallis. Nunc aliquet quam libero, ut pellentesque nibh. Nam posuere cursus lacinia. In hac habitasse platea dictumst. Fusce lectus lacus, lobortis vitae tincidunt.</p> 
            </div>
            </div>
      <div id="twitter">
                    <p class="pG"><span style="float:left; background-color:#8fbacc; padding:7px 20px 10px 10px; color:#fff">@embedded_ufcg</span><span style="color:#858585; float:right; margin:5px 20px 0px 0px"><a href="http://www.twitter.com/embedded_ufcg" target="_blank" style="text-decoration:none; color:#666"><img src="${resource(dir:'images',file:'icon_twitter.jpg')}" width="23" height="16" alt="icon twitter" title="icon twitter" />Follow us on Twitter</span></a></p>
                    <p class="pB" id="twitter_update_list"></p>
                    <a href="http://twitter.com/embedded_ufcg" id="twitter-link" style="display:block;text-align:right;"></a>
            </div>
            <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
            <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/embedded_ufcg.json?callback=twitterCallback2&amp;count=3"></script>
            </div>
        </div>
        <div id="footer">
            <div class="wrap">
            	<div class="hr"></div>
                <div id="txt"><span style="float:left"><a href="http://www.ufcg.edu.br" target="_blank">
                	<img src="${resource(dir:'images',file:'logo2.png')}" width="31" height="24" alt="UFCG" title="UFCG" /></a>
                	<a href="http://embedded.ufcg.edu.br" target="_blank"><img src="${resource(dir:'images',file:'logo1.png')}" width="31" height="29" alt="Embedded" title="Embedded" /></a>
                	</span><span style="float:left; margin-left:10px; margin-top:8px">Copyright - All rights reserved.</span><span style="float:right; margin-top:8px">
                	<a href="${resource(dir:'/layouts/english/privacy.gsp')}">Privacy Policy</a>
                	<a href="${resource(dir:'/layouts/english/press.gsp')}">Press</a>
                	<a href="${resource(dir:'/layouts/english/contactus.gsp')}">Contact us</a></span></div>
            </div>
        </div>
    </div>
</body>
</html>
